{include file="header.html"}
<script>
    $(function(){
        $(".index-header").hide();
        $(".tab-more").attr('style',"left:"+($(window).width()-137)+"px");
       
        var ju_nav_length=$(window).width()-90-47;

            var tab_length=0;
            for(i=0;i<$(".tabs-bd a").index($(".tabs-bd a.active"));i++){
                tab_length+=$(".tabs-bd a:eq("+i+")").width()+24;
            }
  
 
                $(".tabs-cnt").attr("style","left:-"+tab_length+"px;position:relative");

           

    })
</script>
<script>
    function show_mask(obj){
        if(!obj.hasClass('tab-more-open')){  
            obj.addClass('tab-more-open');$('.more-wp').addClass('more-wp-open');
        }
        else{
            obj.removeClass('tab-more-open');$('.more-wp').removeClass('more-wp-open');
        }
    }
    //
</script>
<div id="ju">
<div class="header-wp">
     <nav class="tabs-bar" >
    <div class="tabs-wp" >
      <a class="tab tab-all {if $ju_nav_cate == -1}active{/if}"  href="{url app=ju}" style="background-image: url({$site_url}/{$wap_site_logo})">{$lang.groupbuy}</a>
      <div class="tabs-cnt">
        <div class="clearfix tabs-bd" >
            <a href="{url app=ju}&ju_cate=0" class="tab {if $ju_nav_cate == 0}active{/if}">{$lang.ju_brand}</a>
            <!--{foreach from=$ju_cate item=cate name=fe_cate}-->
    		              <a href="{url app=ju}&ju_cate={$cate.id}" class="tab {if $ju_nav_cate == $cate.id}active{/if}" >{$cate.value}</a>
            <!--{/foreach}-->
                    </div>
      </div>
      <a class="tab tab-more" href="javascript:;" onclick="show_mask($(this))"></a>
    </div>

  </nav>
</div>
<div class=" widget search-wp" >
    <div class="clearfix widgets-hd" >
        <input type="text" placeholder="{$lang.search_is_ease}" id="ju_keyword" value="{$smarty.get.keyword}"/>
        <a href="javascript:void(0)" onclick="window.location.href='{url app=ju}&keyword='+$('#ju_keyword').val()" class="search"></a>
    </div>
</div>
<div class="more-wp ">
  <div class="mask "></div>
  <div class="more-cnt" >
    <div class=" more-bd" >
      <div class="block clearfix" >
          
          <!--{foreach from=$ju_cate item=cate name=fe_cate}-->
          <!--{if $smarty.foreach.fe_cate.iteration  == 1}-->
      	       <div class="block-group">
                   <a href="{url app=ju}&ju_cate=0" class="tab J_Tab">{$lang.ju_brand}</a>
          <!--{/if}-->
          <!--{if $smarty.foreach.fe_cate.iteration % 4 == 0 }-->
      	       <div class="block-group">
                  
          <!--{/if}-->
                    <a class="tab"  href="{url app=ju}&ju_cate={$cate.id}">{$cate.value}</a>
          <!--{if $smarty.foreach.fe_cate.iteration % 4 == 3 or $smarty.foreach.fe_cate.last}-->
      	       </div>
          <!--{/if}-->

          <!--{/foreach}-->

      </div>

   
    </div>
  </div>
</div>
    
    <div class="ju_goods">
<!--{foreach from=$ju_list item=ju name=fe_ju}-->
        <a href="{url app=ju&act=show&id=$ju.group_id}" class="com-wgt">
            <div class="com-wp">
                <div class="clearfix com-cnt">
                    <div class="com-pic">
                        <img  class="lazyload" initial-url="{$site_url}/{$ju.default_image}">
                    </div>
                    <div class="com-info clearfix"><div class="com-title"><span>{$ju.group_name|escape}</span></div>
                        <div class="origin-price"><i>¥</i><i class="money">{$ju.group_price}</i></div>
                        <del class="old-price"><i>¥</i><i class="money">{$ju.price}</i></del>
                        <span class="sale-stat">{if $ju.all_count} {$ju.all_count} {else} 0 {/if}{$lang.jian}{$lang.sold_out}</span>
                    </div>
                </div>
            </div>
        </a>
          <!--{foreachelse}-->
            <div class="null">
                <p>{$lang.no_records}~</p>
            </div>
<!--{/foreach}-->
{include file=page.bottom.html}
    </div>
    
    
</div>
{include file="footer.html"}